/* ---------------------------- NAVIGATION BUTTONS  --------------------------------- */

nav a {
    color: white;
}
nav {
    width: 120px;
    float: left;
    color: white;
    text-align: center;
    font-size: 0.8em;
    margin-top: 10px;
}
nav tr td.navListeTitre {
    width:60px;
}
nav tr td.navListeNombre {
    width:60px;
}
nav table {
    text-align: left;
    margin-top: 40px;
    color: white;
    font-size: 1em;
}
nav table tr {
    height: 19px;
}
nav table tr td:last-child {
    text-align: right;
}

#admin, #animaux, #personnes, #plaintes, #mailing, #versements, #contrats {
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    line-height: 45px;
    width: 120px;
    height: 44px;
    margin-bottom: 10px;
    display:block;
    text-shadow: #195582 1px 2px 2px;
}


#admin {
    background: url(img/admin.png) no-repeat left top;
    margin-top: 15px;
    
}
#admin:hover {
    background: url(img/admin.png) no-repeat left bottom;
    color: #afd2e6;
}
#animaux {
    background: url(img/animaux.png) no-repeat left top;
}
#animaux:hover {
    background: url(img/animaux.png) no-repeat left bottom;
}
#contrats {
    background: url(img/contrats.png) no-repeat left top;
}
#contrats:hover {
    background: url(img/contrats.png) no-repeat left bottom;
}
#personnes {
    background: url(img/personnes.png) no-repeat left top;
}
#personnes:hover {
    background: url(img/personnes.png) no-repeat left bottom;
}
#plaintes {
    background: url(img/plaintes.png) no-repeat left top;
}
#plaintes:hover {
    background: url(img/plaintes.png) no-repeat left bottom;
}
#mailing {
    background: url(img/mailing.png) no-repeat left top;
}
#mailing:hover {
    background: url(img/mailing.png) no-repeat left bottom;
}
#versements {
    background: url(img/versements.png) no-repeat left top;
}
#versements:hover {
    background: url(img/versements.png) no-repeat left bottom;
}



/* ---------------------------- BUTTONS FONCTIONS --------------------------------- */



.buttons {
    width:	630px !important;
}

#compteRechercher, #compteAjouter, #animauxRechercher, #animauxAjouter, #contratsRechercher, 
#contratsAjouter, #personnesRechercher, #personnesAjouter, #plaintesRechercher, #plaintesAjouter, 
#rapportRechercher, #rapportAjouter, #versementsRechercher, #versementsAjouter  {
    width: 170px;
    height:	80px;
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 0px 2px 2px 0px #333; 
    display:block;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    line-height: 20px; 
    color:  black;
}

#compteRechercher span, #compteAjouter span, #animauxRechercher span, #animauxAjouter span,
#contratsAjouter span, #contratsRechercher span, #personnesRechercher span, #personnesAjouter span, #plaintesRechercher span, #plaintesAjouter span, 
#rapportRechercher span, #rapportAjouter span, #versementsRechercher span, #versementsAjouter span {
    padding-right: 7px;
    line-height: 45px; 
    color: black;
}

#compteRechercher {
    background: url(img/adminRechercher.png) no-repeat left top;
}
#compteRechercher:hover {
    background: url(img/adminRechercher.png) no-repeat left bottom;
}
#compteAjouter {
    background: url(img/adminAjouter.png) no-repeat left top;
}
#compteAjouter:hover {
    background: url(img/adminAjouter.png) no-repeat left bottom;
}
#animauxRechercher {
    background: url(img/animauxRechercher.png) no-repeat left top;
}
#animauxRechercher:hover {
    background: url(img/animauxRechercher.png) no-repeat left bottom;
}
#animauxAjouter {
    background: url(img/animauxAjouter.png) no-repeat left top;
}
#animauxAjouter:hover {
    background: url(img/animauxAjouter.png) no-repeat left bottom;
}
#contratsRechercher {
    background: url(img/contratsRechercher.png) no-repeat left top;
}
#contratsRechercher:hover {
    background: url(img/contratsRechercher.png) no-repeat left bottom;
}
#contratsAjouter {
    background: url(img/contratsAjouter.png) no-repeat left top;
}
#contratsAjouter:hover {
    background: url(img/contratsAjouter.png) no-repeat left bottom;
}
#personnesRechercher {
    background: url(img/personnesRechercher.png) no-repeat left top;
}
#personnesRechercher:hover {
    background: url(img/personnesRechercher.png) no-repeat left bottom;
}
#personnesAjouter {
    background: url(img/personnesAjouter.png) no-repeat left top;
}
#personnesAjouter:hover {
    background: url(img/personnesAjouter.png) no-repeat left bottom;
}
#plaintesRechercher {
    background: url(img/plaintesRechercher.png) no-repeat left top;
}
#plaintesRechercher:hover {
    background: url(img/plaintesRechercher.png) no-repeat left bottom;
}
#plaintesAjouter {
    background: url(img/plaintesAjouter.png) no-repeat left top;
}
#plaintesAjouter:hover {
    background: url(img/plaintesAjouter.png) no-repeat left bottom;
}
#rapportRechercher {
    background: url(img/rapportRechercher.png) no-repeat left top;
}
#rapportRechercher:hover {
    background: url(img/rapportRechercher.png) no-repeat left bottom;
}
#rapportAjouter {
    background: url(img/rapportAjouter.png) no-repeat left top;
}
#rapportAjouter:hover {
    background: url(img/rapportAjouter.png) no-repeat left bottom;
}
#versementsRechercher {
    background: url(img/versementsRechercher.png) no-repeat left top;
}
#versementsRechercher:hover {
    background: url(img/versementsRechercher.png) no-repeat left bottom;
}
#versementsAjouter {
    background: url(img/versementsAjouter.png) no-repeat left top;
}
#versementsAjouter:hover {
    background: url(img/versementsAjouter.png) no-repeat left bottom;
}

